﻿body {
    width: 100%;
    margin: 0 auto;
    font-size: 0,75em;
    color: #000;
    font-family: Arial,Tahoma,'Times new Roman';
    background: url(/Media/bg.png);
}

@font-face {
    font-family: fontHeader;
    src: url('/font/UTM_A_S_Signwriter.ttf'), url('/font/UTM_A_S_Signwriter.eot');
    font-weight: normal;
}

@font-face {
    font-family: "fontUVNBaiSau";
    font-weight: normal;
    src: url("/font/UVNBaiSau_R.TTF"), url("/font/UVNBaiSau_R.eot");
}

@font-face {
    font-family: fonttiffanhb;
    src: url('/font/tiffanhb.ttf'), url('/font/tiffanhb.eot');
    font-weight: bold;
}

@font-face {
    font-family: fontHeaderMenu;
    src: url('/font/Helvetica_BB_Regular.ttf'), url('/font/Helvetica_BB_Regular.eot');
    font-weight: normal;
}

@font-face {
    font-family: fontCateTitle;
    src: url('/font/VNF-Oswald_Regular.ttf'), url('/font/VNF-Oswald_Regular.eot');
    font-weight: normal;
}

@font-face {
    font-family: fontMenu;
    src: url('/font/UTM_Swiss_CondensedBold.ttf'), url('/font/UTM_Swiss_CondensedBold.eot');
    font-weight: normal;
}

@font-face {
    font-family: fontprice;
    src: url('/font/ITCKRIST.TTF'), url('/font/ITCKRIST.eot');
    font-weight: normal;
}

@font-face {
    font-family: fontsaleprice;
    src: url('/font/Blazed.ttf'), url('/font/Blazed.eot');
    font-weight: normal;
}

ul, li {
    list-style: none;
}

* {
    padding: 0;
    margin: 0;
}

html {
    height: 100%;
}

a:link, a:visited {
    text-decoration: none;
}

he {
    border: 0;
}

#wrap {
    margin: 0 auto;
    width: 100%;
}

.header-wrap {
    border-bottom: 1px solid #CCC;
    height: 155px;
    padding: 10px 0px 0px;
    background: #F3F3F4;
    width: 100%;
    min-width: 1024px;
    margin: 0 auto;
}

.t-header-wrap-inner {
    width: 100%;
    float: left;
}

.header-top-wrap {
    width: 1160px;
    margin: 0 auto;
}

.header-top {
    float: left;
    width: 100%;
    position: relative;
    height: 120px;
}

.header-menu {
    float: left;
    width: 100%;
    position: relative;
}

.head_menu {
    float: left;
    width: 100%;
}

.logo-wrap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 212px;
    /* height: 74px; */
    float: left;
}

.h2title {
    float: left;
    width: 100%;
    color: #333;
    font-size: 14px;
    font-family: Times New Roman;
    font-weight: bold;
}

.logo-wrap img {
    width: 175px;
    height: 100px;
    margin: 3px 0 0 0;
}

.location-wrap {
    position: relative;
    float: left;
    width: 160px;
    margin: 10px 0 0 220px;
}

.location-inner {
    background: url(/images/vinetlife/icon_city_ac.png) no-repeat left bottom;
    /* background: #000; */
    float: left;
    padding: 0 0 0 25px;
}

    .location-inner p {
        float: left;
        width: 100%;
        color: #555;
        font-size: 13px;
    }

.location-content {
    float: left;
    width: 100%;
}

.ddl-input-1 {
    border: none;
    width: 143px;
    outline: none;
}

.header-top-left {
    float: left;
    width: 50%;
}

.header-top-right {
    float: left;
    width: 50%;
    padding: 7px 0 0 0;
    font-family: arial;
}

.header-top-info {
    float: left;
    width: 50%;
}

.header-top-customer {
    float: right;
    width: 50%;
    text-align: right;
}

.span-hotline {
    display: inline-block;
    margin: 0 3px 0 0;
    /* float: right; */
    font-size: 13px;
}

.a-hoidap {
    color: #333;
    /* float: right; */
    font-size: 13px;
}

#transferFree {
    padding: 0 0 0 40px;
    background: url(/images/vinetlife/subanner-sprite.png) no-repeat left -6px transparent;
}

#support {
    padding: 0 0 0 45px;
    background: url(/images/vinetlife/subanner-sprite.png) no-repeat left -94px transparent;
}

#transferFree, #support {
    width: 80px;
    /* padding: 5px 40px 0px 0px; */
    float: left;
}

    #transferFree a, #support a, #support_bottom {
        font-weight: bold;
        font-size: 11px;
        margin: -3px 0 0 0;
        display: inline-block;
        color: #777777;
        text-decoration: none;
    }

.hv_supportOnline {
}

.hotline_hover {
    margin: 5px 0 0 -76px;
    padding: 6px 10px 10px 10px;
    position: relative;
    width: 345px;
    z-index: 100;
    border: 1px solid #ccc;
    background: #fff;
    -moz-box-shadow: 2px 5px 5px #b4b4b4;
    -webkit-box-shadow: 2px 5px 5px #b4b4b4;
    box-shadow: 2px 5px 5px #b4b4b4;
    height: 109px;
    /* border-top: none; */
    display: none;
    border-radius: 5px;
}

.help-form {
    width: 367px;
    /* margin: 10px 0 0 0; */
}

    .help-form tr {
        border-bottom: 1px solid #ccc;
        float: left;
        width: 340px;
        padding: 3px 0;
    }

.FormTD, .formTD {
    text-align: left;
    border: none;
    padding: 4px;
    color: #444;
    background: none;
    font-size: 13px;
    width: 240px;
    float: left;
    font-weight: normal;
}

.ContentTD {
    text-align: right;
    font-size: 13px;
    float: right;
}

.hv_supportOnline:hover .hotline_hover {
    display: block;
}
/*Menu*/

.menu_catePro {
    background-color: #4585f3;
    width: 200px;
    padding-top: 10px;
    text-align: center;
    float: left;
    height: 26px;
}

#menu_comm {
    padding: 0px;
    margin: 0px;
}

    #menu_comm li {
        display: block;
        text-align: center;
        padding-left: 8px;
        position: relative;
        /*	padding: 4px 10px 4px 10px;
	margin-right:30px;float:left;
	margin-top:7px;*/
        border: none;
        height: 28px;
        line-height: 20px;
    }

        #menu_comm li:hover {
            background: #fff;
            margin: 0px 10px 0px 10px;
        }

        #menu_comm li .drop {
            background: url("/images/vinetlife/drop.png") no-repeat right 5px;
            color: white;
            padding-right: 20px;
        }

        #menu_comm li:hover .drop {
            background: url("/images/vinetlife/drop_hover.png") no-repeat right 5px;
            color: #673b03;
        }

.catMenuDropDown {
    margin: 4px 0px 4px 0px;
    float: left;
    position: absolute;
    left: -999em; /* Hides the drop down margin:4px auto; */
    text-align: left;
    padding: 10px 5px 10px 5px;
    border: 1px solid #CCC;
    border-top: none;
    width: 700px;
    /* Gradient background */
    background: #fff;
    /* Rounded Corners
	-moz-border-radius: 0px 2px 2px 2px;
	-webkit-border-radius: 0px 2px 2px 2px;
	border-radius: 0px 2px 2px 2px;
	 */
    box-shadow: 1px 3px 2px rgba(200, 200, 200, 0.5);
    *box-shadow: 1px 3px 2px rgb(200, 200, 200);
}

#menu_comm li:hover .catMenuDropDown {
    left: -1px;
    top: 22px;
    z-index: 9999;
}

.catMenuCol {
    display: inline;
    float: left;
    position: relative;
    margin: 5px;
    width: 220px;
    border-right: 1px solid #e8e8e8;
}

/**cssmenu CateSP*/
.catMenuBar {
    float: left;
    width: 210px;
    background-repeat: no-repeat;
    background-position: right bottom;
}

    .catMenuBar ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        z-index: 1000;
        width: 210px; /* Width of Menu Items */
    }

    .catMenuBar li {
        margin: 0px !important;
        padding: 5px !important;
        padding-left: 5px !important;
        line-height: 18px !important;
        height: 18px !important;
        width: 200px;
    }

        .catMenuBar li:hover {
            margin: 0px !important;
            background-color: rgba(210, 230, 140, 0.8) !important;
            *background-color: rgb(210, 230, 140) !important;
            border: 0px !important;
        }

    .catMenuBar ul .catMenuParent {
        background-image: url("/images/vinetlife/icon_catSP.png");
        background-repeat: no-repeat;
        background-position: right;
    }

    .catMenuBar ul li a {
        display: block;
        overflow: auto; /*force hasLayout in IE7 */
        color: black;
        text-decoration: none;
        text-align: left;
    }

        .catMenuBar ul li a:hover {
            display: block;
            overflow: auto; /*force hasLayout in IE7 */
        }

    .catMenuBar ul li:hover > ul {
        display: block;
    }

.catMenuBarCaption {
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid rgb(210, 230, 140);
    background-color: #fff;
    margin-bottom: 5px;
    width: 210px;
    height: 20px;
    line-height: 20px;
    text-align: left;
}

.catMenuBarCaptiona {
    color: #333 !important;
}

/*Sub level menu items */
.catMenuBar ul li .catMenuSub {
    position: absolute;
    display: none;
    width: 210px; /*sub menu width*/
    top: -10px;
    left: 210px;
    background-color: #fff;
    border: solid 1px #ccc;
    z-index: 10000;
    box-shadow: 1px 2px 2px rgba(200,200, 200, 0.5);
    *box-shadow: 1px 2px 2px #ccc;
}

.catMenuSub li a {
    text-decoration: none;
}

.catMenuSub li:hover {
    text-decoration: none;
    background-color: #e0f2a6 !important;
}

.menu_cardtm {
    background-color: #2D5497;
    height: 26px;
    width: 160px;
    padding-top: 10px;
    text-align: center;
    float: left;
    margin-left: 5px;
}

    .menu_lm a, .menu_cardtm a, .menu_catePro a, .back_log a, .btnNews a, .btnProSame a {
        text-decoration: none;
        color: #fff;
        font-size: 13px;
    }

        .menu_lm a h3, .menu_cardtm a h3, .menu_catePro a h3, .back_log a h3, .btnNews a h3, .btnProSame a h3 {
            text-decoration: none;
            color: #fff;
            font-size: 13px;
        }

.menu_lm {
    background-color: #1FC2C2;
    height: 26px;
    width: 155px;
    padding-top: 10px;
    text-align: center;
    float: left;
    margin-left: 5px;
}

.header_search {
    float: right;
    width: 630px;
    height: 36px;
}

.SearchTop {
    width: 503px;
    float: left;
    margin-top: 1px;
    margin-right: 7px;
}

.block_search {
    float: left;
    padding-left: 2px;
    border: 1px solid #ccc;
    height: 33px;
    background: #fff;
}

.navsearch {
    padding: 0px;
    margin: 0px;
    float: left;
}

.bgsearch {
    /* background: url('/images/vinetlife/bg_search.jpg') no-repeat left center #fff; */
    /* padding-left: 30px; */
    margin: 4px 5px 0px 3px;
    float: left;
    width: 299px;
}

.textsearch {
    border: none;
    color: #777;
    height: 17px;
    width: 304px;
    padding: 5px 0;
    outline: none;
}

.btSearch {
    background: url('/images/vinetlife/icon_search.png') no-repeat center center #4585f3;
    cursor: pointer;
    float: left;
    width: 52px;
    height: 35px;
    border: none;
}

.advance_search {
    float: left;
    /* font-weight: bold; */
    padding: 10px 3px;
    margin-left: 10px;
    height: 15px;
    background: #E9433C;
}

    .advance_search a {
        color: white;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: normal;
    }

.back_log {
    background-color: #01050C;
    height: 30px;
    width: 110px;
    text-align: center;
    padding: 6px 0px 0px 10px;
    float: left;
    text-align: center;
    position: relative;
}

    .back_log img {
        float: left;
        margin: -4px;
    }

.logindrop {
    width: 85px;
    float: left;
    height: 30px;
}

    .register a, .logindrop span {
        color: #FFFFFF;
        cursor: pointer;
        display: block;
        height: 19px;
        padding-top: 5px;
        font-size: 15px;
    }

.tvnl-login-box {
    float: left;
    width: 280px;
    padding: 20px 10px 0 10px;
}

.tvnl-login-inner {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.tvnl-login-row {
    float: left;
    width: 100%;
    padding: 9px 0;
}

.butsubmit_log {
    /* padding:5px 10px; */
    background: #4d90fe;
    border: 1px solid #3079ed;
    display: inline-block;
    line-height: 28px;
    padding: 0 12px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    width: 280px;
    color: #fff;
    font-size: 15px;
    font-family: arial;
}

    .butsubmit_log:hover {
        background: #3079ed;
    }

.textIngray {
}

.tvnl-login-row-l {
    float: left;
    width: 50%;
    font-size: 12px;
    text-align: left;
}

.tvnl-login-row-r {
    float: left;
    width: 43%;
    text-align: right;
}

.tvnl-login-inner-bottom {
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    background: #f8f8f8;
    padding: 10px 0;
}

    .tvnl-login-inner-bottom p {
        float: left;
        font-size: 12px;
        color: #000;
        font-weight: bold;
        margin: 0 0 0 10px;
        width: 190px;
        text-align: left;
    }

    .tvnl-login-inner-bottom a {
        float: right;
        margin: 0 10px 0 0;
        width: 90px;
        font-size: 12px;
    }

.tvnl-login-title {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    float: left;
    width: 100%;
    text-align: left;
}

.login_ {
    display: none;
    margin: 3px 0 0 -160px;
    /* padding: 6px 10px 0px 10px; */
    position: relative;
    width: 300px;
    z-index: 100;
    border: 1px solid #ccc;
    /* border-top: none; */
    background: #fff;
    -moz-box-shadow: 2px 5px 5px #b4b4b4;
    -webkit-box-shadow: 2px 5px 5px #b4b4b4;
    box-shadow: 2px 5px 5px #b4b4b4;
    /* height: 150px; */
    float: left;
    position: absolute;
    right: 0px;
    top: 33px;
}

.logcolleft {
    /* float: left; */
    /* width: 222px; */
}

.t-logged-wrap {
    float: left;
    width: 100%;
    /* margin: 2px 0 0 0; */
}

.t-logged-inner {
    /* padding: 20px 0 0 0; */
    background: #fff;
    float: left;
    width: 100%;
    /* border-top: 45px solid #333; */
}

.t-logged-header {
    display: block;
    height: 50px;
    float: left;
    width: 261px;
    background: url(/Media/vinetlife-logo.png) no-repeat center left;
    background-size: 50px;
    background-position-x: 20px;
    padding: 0 0 0 40px;
}

.t-logged-inner p {
    padding: 5px 0 10px 0;
    float: left;
    width: 100%;
}

.t-logged-title {
    color: #333;
    font-weight: bold;
    font-family: fontMenu;
}

.t-logged-ul {
    width: 200px;
    float: left;
    padding: 10px;
    border: 1px solid #ccc;
    background: #F7F7F7;
    border-radius: 5px;
    margin: 10px 40px;
}

    .t-logged-ul li {
        float: left;
        width: 100%;
        padding: 5px 0;
    }

        .t-logged-ul li a {
            color: #7B808A;
            text-align: left;
            float: left;
        }

.t-logged-time {
    font-family: fontMenu;
    /* text-align: right; */
    background: #f1f1f1;
    margin: 10px 0px 0 0;
    padding: 5px 0 !important;
    border-top: 1px solid #ccc;
}

    .t-logged-time span {
        display: inline-block;
        color: #333;
        margin: 0 0 0 5px;
        padding: 0;
    }

.t-logged-wrap ul {
    /* float: left; */
    /* width: 100%; */
    /* list-style: none; */
    /* padding: 10px; */
}

    .t-logged-wrap ul li {
        /* float: left; */
        /* width: 100%; */
        /* list-style: none; */
        /* background: url(/images/vinetlife/next-row-active.gif) no-repeat left center; */
        /* padding: 2px 0 2px 10px; */
        /* background-position: 0px 10px; */
    }

        .t-logged-wrap ul li a {
            /* color: #333; */
            /* font-size: 15px; */
            /* font-weight: bold; */
            /* text-align: left; */
            /* float: left; */
            /* padding: 5px 0 0 5px; */
        }

.forgotPass {
    float: right;
}

.t-logout-button {
    color: #7B808A;
    font-size: 13px;
    font-weight: bold;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    float: left;
    /* margin: 5px 0 0 5px; */
    cursor: pointer;
}

.logcolleft a, .login_1 a {
    color: #336600;
}

.login_ a {
    /* padding: 5px 0px 0px 5px; */
    /* float: right; */
    color: #DF2727;
    font-weight: bold;
}

.back_log:hover .login_ {
    display: block;
    /* position: relative; */
    /* right: 10px; */
    z-index: 1000;
}

.textIngray {
    width: 265px;
    height: 25px;
    border: 1px solid #CCCCCC;
    outline: none;
    padding: 3px 5px;
    border-radius: 5px;
}

    .textIngray:focus {
        border: 1px solid #3AE3F1;
        box-shadow: 0px 0px 2px #3AE3F1;
    }
/*End menu*/
/*footer*/
.footer-wrap {
    margin: 0 auto;
    border-top: 1px solid #ccc;
    background: #f3f3f4;
    height: 285px;
    min-width: 1024px;
    float: left;
}

#footer_ {
    margin: 20px 0 0 0;
    width: 100%;
    float: left;
    /* border-top: 1px solid #ccc; */
    padding: 30px 0 0px 0;
    min-width: 1024px;
}

#footer {
    line-height: 140%;
    padding: 0px 0px 20px 0px;
    text-align: center;
    margin: 0 auto;
    width: 1160px;
}

.footer-inner {
    width: 100%;
    float: left;
}

#footerRight .copyri, .footerRight .copyri {
    width: 200px;
    float: left;
    padding: 0px 0px 0px 20px;
}

#footerRight .copyri1 {
    width: 200px;
    float: right;
    padding: 0px 0px 0px 20px;
    text-align: center;
}

.t-footer-payment {
    width: 80px;
    float: left;
    text-align: center;
}

    .t-footer-payment p {
        font-size: 12px;
        font-family: Arial;
        text-align: center;
        float: left;
        width: 100%;
    }


.footerRight_cat {
    font-weight: bold;
    width: 170px;
    padding-bottom: 5px;
    text-transform: uppercase;
    text-align: left;
    font-size: 12px;
    color: #333;
    font-family: arial;
}

.contentHotline span, #footerRight .info span, .copyri span, .info1 span, .copyri1 span {
    width: 100%;
    float: left;
    padding-bottom: 4px;
    text-align: left;
}

#footer a {
    color: #716d6d;
    padding-bottom: 3px;
    display: block;
    text-decoration: none;
    font-family: arial;
    font-size: 12px;
}

footerRight_cat {
    font-weight: bold;
    width: 170px;
    padding-bottom: 5px;
    text-transform: uppercase;
    text-align: left;
}

#footerRight .info {
    width: 140px;
    float: left;
    padding-left: 40px;
}

#footerRight .supportOnline {
    float: left;
    width: 160px;
    padding-left: 10px;
}

.endfooter {
    width: 100%;
    float: left;
    padding: 10px 0 10px 0px;
    color: #333;
    border-top: 1px solid #ccc;
    background: #333;
    min-width: 1024px;
}

.endfooter-inner {
    margin: 0 auto;
    width: 1160px;
}

.footer-logo {
    float: left;
    width: 185px;
    margin: 0 10px 0 0;
}

    .footer-logo img {
        width: 175px;
        /* height: 80px; */
    }

.footer_left {
    float: left;
    width: 500px;
    line-height: 20px;
    color: #fff;
}

.footer_right {
    float: right;
}

.t-social {
    float: left;
    list-style: none;
    margin: 10px 0 0 0;
}

    .t-social li {
        float: left;
        margin: 0 0 0 10px;
    }

.mm {
    margin: 0px;
    padding: 0px;
    width: 59px;
    height: 59px;
    position: relative;
    background: url(/images/vinetlife/momo.png) no-repeat center center;
    background-size: 59px;
    text-align: center;
    padding: 0 0 0 15px;
}

.mb {
    margin: 0px;
    padding: 0px;
    width: 59px;
    height: 59px;
    position: relative;
    background: url(/images/vinetlife/mb.png) no-repeat;
    background-size: 59px;
    padding: 0 0 0 15px;
    float: left;
    margin-left: 10px;
}
/*ENd footer*/
.main-wrap {
    width: 1160px;
    margin: 0 auto;
    /* float: left; */
    /* text-align: center; */
}

.main-container {
    float: left;
    padding: 10px 0;
    width: 100%;
    background: #fff;
}

.main-container-inner {
    float: left;
    width: 100%;
    background: #fff;
}

.slide-wrap {
    width: 1160px;
    height: 280px;
    float: left;
}

/*Product wrap*/
.product-wrap {
    float: left;
    width: 100%;
    /* padding: 0 0 0 10px; */
}

.product-wrap-cate {
    float: left;
    width: 100%;
}

.product-wrap-search {
    float: left;
    width: 100%;
    margin: 0 0 0 10px;
}

.t-products-inner {
    float: left;
    width: 100%;
    padding: 10px 0;
}

.t-product {
    float: left;
    width: 220px;
    height: 245px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #ddd;
    margin: 5px 5px 5px 0;
    /* padding: 0 2px; */
    position: relative;
    box-shadow: 0 0 5px #ccc;
}

.t-product-link {
}

.t-product-img-wrap {
    float: left;
    width: 214px;
    height: 185px;
    margin: 2px 2px 0 2px;
}

    .t-product-img-wrap img {
        width: 195px;
        height: 165px;
        border: none;
        margin: 10px;
    }

.t-product-info {
    float: left;
    width: 100%;
    /* background: url(/images/vinetlife/product-background.png) no-repeat; */
    height: 55px;
    margin: 2px 0 0 0;
    background-size: 268px 65px;
    position: relative;
    z-index: 15;
    border-top: 1px solid #ccc;
}

    .t-product-info h2 {
        float: left;
        margin: 5px 0 2px 10px;
        font-family: arial;
        color: #000 !important;
        /* text-shadow: 0px 0px 1px #555; */
        font-size: 11px;
        text-transform: uppercase;
        width: 97%;
        font-family: arial;
    }

    .t-product-info h3 {
        float: left;
        margin: 5px 0 2px 10px;
        font-family: arial;
        color: #454545 !important;
        /* text-shadow: 0px 0px 1px #555; */
        font-size: 12px;
        width: 97%;
        text-transform: uppercase;
    }

.t-product-price-wrap {
    float: left;
    width: 100%;
    position: absolute;
    bottom: 2px;
    left: 0;
}

.t-pwpp-nonprice-wrap-inner {
}

.t-pwmp-saleprice-m {
    float: left;
    color: #333;
    font-size: 11px;
    text-decoration: line-through;
    font-weight: bold;
    margin: 3px 10px 0 0;
    display: inline-block;
}

.t-product-price {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #EC2D2D;
    margin: 0 0 0 10px;
    font-family: arial;
    font-weight: 700;
    float: left;
}

.t-product-span-pric {
}

.t-product-type {
    z-index: 15;
    font-family: fontMenu;
    background-size: 48px;
    z-index: 99;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #D94D4A;
    color: #fff;
    height: 30px !important;
    min-width: 30px !important;
    line-height: 40px;
    margin: 0 !important;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    right: 5px !important;
    text-align: center;
    top: 5px !important;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}

    .t-product-type span {
        position: absolute;
        top: -1px;
        left: 7px;
        color: #fff;
        /* display: none; */
        font-size: 13px;
    }

.t-product-wrap-more {
    display: none;
    width: 218px;
    background: rgba(0,0,0,0.5);
    height: 186px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.t-product:hover .t-product-wrap-more {
    display: block;
}

.t-product-wrap-more-head {
    float: left;
    width: 100%;
    position: absolute;
    top: 40px;
}

.t-product-desc-wrap {
    float: left;
    width: 100%;
    margin: 0 auto;
}

.t-product-desc {
    margin: 0 0 0 25px;
    color: #fff;
    font-family: arial;
    font-size: 13px;
}

.t-product-wrap-more-promotion {
    position: absolute;
    bottom: 15px;
    left: 10px;
    background: url(/images/vinetlife/product-sale-background.png) no-repeat center center;
    width: 190px;
    background-size: 190px;
    height: 86px;
}

.t-pwmp-sale {
    position: absolute;
    top: 30px;
    left: 19px;
    color: #fff;
    font-size: 12px;
}

.t-pwmp-price-wrap {
    float: right;
    margin: 25px 0 0 50px;
    width: 131px;
}

.t-pwmp-sale-saleprice {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 10px;
}

.t-pwmp-sale-price {
    float: left;
    margin: 3px 0 0 0;
    color: #fff;
    font-size: 13px;
}

.t-product-link-pro {
    font-size: 11px;
    padding: 2px 5px;
    color: #fff;
    background: #e26925;
    position: absolute;
    right: 2px;
    bottom: -5px;
}

.t-product-wrap-more-nonpromotion {
    position: absolute;
    bottom: 45px;
    left: 26px;
    /* background: #fff; */
    /* box-shadow: 0px 0px 5px #ccc; */
    /* padding: 5px 0; */
    width: 220px;
    /* height: 65px; */
}

.t-pwmp-nonprice-wrap {
    color: #333;
}

.t-pwmp-noneprice-wrap {
    color: #fff;
}

.t-pwmp-price {
    color: #fff;
}

.t-pwmp-sale-price-x {
    margin: 0 auto;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    margin: 20px 0;
}

.t-product-link-pro-x {
    font-size: 11px;
    padding: 2px 15px;
    color: #fff;
    background: #000;
    position: absolute;
    left: 0;
    bottom: -3px;
}
/*End Product wrap*/

.tstyle1 {
    border: none;
    font-family: Tahoma, Arial;
    font-size: 12px;
    color: #000222;
    width: 100%;
    -moz-border-radius: 6px;
    -webkit-box-shadow: 0 10px 7px #CCC;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 2px #CCC;
    border-spacing: 0;
}

    .tstyle1 th {
        background: url(/images/page-background.png);
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        border-top: none;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        height: 30px;
    }

    .tstyle1 td, .tstyle1 th {
        border-left: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        padding: 5px;
    }

    .tstyle1 tr {
        border-left: 1px solid white;
        border-top: 1px solid white;
        padding: 5px;
    }

    .tstyle1 td p {
        padding: 0 0 5px 0;
        margin: 0;
    }

    .tstyle1 tr:hover {
        -o-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    .tstyle1 .pgr {
        background: #f1f1f1;
    }

        .tstyle1 .pgr td {
            border: none;
        }

            .tstyle1 .pgr td table {
                margin: 0 auto;
            }

.submitbtn {
    -moz-box-shadow: inset 0px -3px 7px 0px #29bbff;
    -webkit-box-shadow: inset 0px -3px 7px 0px #29bbff;
    box-shadow: inset 0px -3px 7px 0px #29bbff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
    background: -moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
    background: -webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
    background: -o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
    background: -ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
    background: linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
    background-color: #2dabf9;
    border: none;
    cursor: pointer;
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-size: 15px;
    font-weight: normal;
    padding: 9px 10px;
    text-decoration: none;
}

.money-shop-box {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.money-inner {
    float: right;
    width: 500px;
    border: 1px solid #ccc;
    padding: 5px;
    background: #F9F9E7;
}

    .money-inner p {
        width: 100%;
        float: left;
        margin: 5px 0;
    }

    .money-inner .money-left {
        color: #8b8b8b;
        font-size: 13px;
        display: inline-block;
        float: left;
        width: 100px;
        text-align: right;
        font-weight: bold;
    }

    .money-inner .money-right {
        color: #EF4537;
        font-size: 13px;
        display: inline-block;
        float: left;
        width: 400px;
        text-align: right;
        font-weight: bold;
    }

.shopcart-wrap {
    float: left;
    width: 100%;
}

.shop-button-wrap {
    float: left;
    width: 100%;
    margin: 10px 0;
}

/*breakcrum*/
.crumbs {
    display: block;
    float: left;
    width: 98%;
    margin: 2px 0 0 13px;
    background: #f5f5f5;
    margin: 5px 1%;
}

    .crumbs li {
        display: inline;
    }

        .crumbs li.first {
            padding-left: 8px;
        }

        .crumbs li a,
        .crumbs li a:link,
        .crumbs li a:visited {
            color: #666;
            display: block;
            float: left;
            font-size: 12px;
            margin-left: -13px;
            padding: 7px 17px 8px 26px;
            position: relative;
            text-decoration: none;
        }

        .crumbs li:first-child a {
            margin: 0;
        }

        .crumbs li a {
            background-image: url('/images/vinetlife/bg-crumbs.png');
            background-repeat: no-repeat;
            background-position: 100% 0;
            position: relative;
        }

            .crumbs li a:hover {
                color: #333;
                background-position: 100% -48px;
                cursor: pointer;
            }

            .crumbs li a:active {
                color: #333;
                background-position: 100% -96px;
            }

        .crumbs li.first a span {
            height: 29px;
            width: 3px;
            border-left: 1px solid #d9d9d9;
            position: absolute;
            top: 0px;
            left: 0px;
        }
/*endbreakcrum*/

.detail1 {
    border: 1px solid #dbdbdb;
    width: 1140px;
    height: 23px;
    background: url(../images/TopBike---V12.png);
    float: left;
    padding: 0px;
    overflow: hidden;
    padding-top: 7px;
    font-size: 12px;
    margin: 0 10px;
}
/*Thanh toán */
#status ul li {
    float: left;
    padding: 0px 15px;
    font-size: 12px;
    color: #3A6DB1;
    list-style: none;
}

.loginUser .login {
    width: 46%;
    height: 250px;
    float: left;
    padding-left: 20px;
    border: 9px solid #F3F3F3;
    margin-top: 10px;
}

    .loginUser .login p {
        color: #4c4c4c;
        font-size: 11px;
        padding: 10px 0px;
    }

    .loginUser .login h3 {
        color: #3A6DB1;
        font-size: 16px;
        padding-top: 10px;
    }

.loginUser table {
    font-size: 12px;
    color: #626365;
    font-weight: bold;
}

    .loginUser table tr {
        line-height: 50px;
    }

.loginUser .button1 {
    border: none;
    padding: 7px;
    border-radius: 3px;
    cursor: pointer;
    background: #3A6BB0;
    color: white;
    font-weight: bold;
    float: right;
    margin-right: 5px;
}

.loginUse table td a {
    color: red;
}

.loginUser .textbox {
    width: 250px;
    height: 30px;
    padding-left: 10px;
    border-radius: 5px;
    float: left;
}


.detail-right-x span {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.riDisplay {
    border: none !important;
}

.color-div {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
    margin-top: 1px;
}

    .color-div img {
        width: 20px;
        height: 20px;
    }

input.txtQty {
    width: 50px !important;
    height: 23px;
    border: none !important;
    outline: none;
    border-radius: 5px;
}

.red {
    color: red;
    font-size: 12px;
    font-weight: bold;
}
/**/
/***thong tin chi tiet*/

.InfoDetail ul li {
    float: left;
    padding-left: 20px;
    border: 9px solid #F3F3F3;
    list-style: none;
}

    .InfoDetail ul li.infokh {
        width: 580px;
        /* height: 514px; */
        margin-top: 10px;
        padding-bottom: 10px;
        min-height: 330px;
        margin-left: 10px;
    }

    .InfoDetail ul li.infocart {
        width: 480px;
        /* height: 500px; */
        margin-left: 6px;
        margin-top: 10px;
        min-height: 340px;
    }

.InfoDetail li h3 {
    color: #3A6DB1;
    font-size: 16px;
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 97%;
    margin: 0 0 20px 0;
}

    .InfoDetail li h3 span {
        display: inline-block;
        font-weight: bold;
        /* border-bottom: 2px solid #ca4c3f; */
        color: #695b54;
        padding: 5px 0;
        font-size: 20px;
    }

.loginUser li p {
    color: #4c4c4c;
    font-size: 11px;
    padding: 10px 0px;
}

.InfoDetail ul li table {
    font-size: 12px;
    color: #626365;
    font-weight: bold;
    margin: 10px auto 0 auto;
}

.InfoDetail table tr {
    line-height: 30px;
    padding: 5px 0;
}

.InfoDetail .button1 {
    border: none;
    padding: 7px;
    border-radius: 3px;
    cursor: pointer;
    background: #3A6BB0;
    color: white;
    font-weight: bold;
    float: right;
    margin-right: 5px;
}

.InfoDetail table td a {
    color: red;
}

.InfoDetail .textbox1 {
    width: 393px;
    height: 26px;
    padding-left: 10px;
    /* border-radius: 5px; */
    border: 1px solid #ccc;
    outline: 1px #73DFFA;
}

.style2 {
    padding: 5px 0;
}

.textbox1:focus {
    border: 1px solid #73DFFA;
    box-shadow: 0 0 1px #73DFFA;
}

.InfoDetail .drop {
    width: 413px;
    height: 25px;
    padding-left: 10px;
    /* border-radius: 5px; */
    border: 1px solid #ccc;
    outline: none;
}

.cart-money-box {
    float: left;
    width: 466px;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    /* margin: 10px 0 0 10px; */
}

    .cart-money-box p {
        color: #E26925;
        font-weight: bold;
        text-align: right;
        padding: 5px 0;
        font-size: 15px;
        margin: 0;
    }
/*contact*/
.Registration {
    font-family: arial;
    font-size: 14px;
    line-height: 30px;
    padding: 20px 0 10px 0px;
    float: left;
    width: 1160px;
}

    .Registration h2, h3 {
        color: #3f71b0;
    }

    .Registration .fieldset1 {
        padding: 0 20px 20px 20px;
        border-radius: 5px;
        width: 360px;
        float: left;
        margin-bottom: 20px;
        border: none;
        margin-left: 10px;
    }

    .Registration .content {
        float: left;
        width: 700px;
        height: auto;
        /* margin-top: -25px; */
        /* border-top: 3px solid #e3e2e2; */
    }

        .Registration .content li {
            font-size: 12px;
        }

        .Registration .content .map {
            float: left;
            width: 690px;
            padding: 5px;
            height: auto;
            border: 1px solid #ededed;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        .Registration .content .mapimg {
            width: 290px;
            height: auto;
            float: left;
        }

        .Registration .content .mapcontent {
            float: left;
            width: 225px;
            height: auto;
        }

            .Registration .content .mapcontent p {
                color: #565656;
                font-family: Arial;
                font-size: 12px;
                padding-left: 10px;
            }

        .Registration .content ul {
            /* border-bottom: 1px solid #e3e2e2; */
        }

    .Registration .fieldset1 legend {
        font-size: 20px;
        padding: 5px 10px 0;
        font-weight: bold;
        color: #3f71b0;
    }

    .Registration .fieldset {
        padding: 20px;
        margin-bottom: 15px;
        border: 1px solid #ccc;
        /* border-radius: 5px; */
        width: 630px;
        margin: 0 215px;
    }

    .Registration h2, h3 {
        color: #3f71b0;
    }

    .Registration .fieldset legend {
        font-size: 15px;
        padding: 5px 10px 0;
        font-weight: bold;
        color: #3f71b0;
    }


.Registration2 {
    font-family: arial;
    font-size: 14px;
    line-height: 30px;
    padding: 0px 0 10px 0px;
    float: left;
    width: 880px;
}

    .Registration2 h2, h3 {
        color: #3f71b0;
    }

    .Registration2 .fieldset1 {
        padding: 0 20px 20px 20px;
        border-radius: 5px;
        width: 360px;
        float: left;
        margin-bottom: 20px;
        border: none;
    }

    .Registration2 .content {
        float: left;
        width: 710px;
        height: auto;
        /* margin-top: -25px; */
        /* border-top: 3px solid #e3e2e2; */
    }

        .Registration2 .content li {
            font-size: 12px;
        }

        .Registration2 .content .map {
            float: left;
            width: 710px;
            padding: 5px;
            height: auto;
            border: 1px solid #ededed;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        .Registration2 .content .mapimg {
            width: 290px;
            height: auto;
            float: left;
        }

        .Registration2 .content .mapcontent {
            float: left;
            width: 225px;
            height: auto;
        }

            .Registration2 .content .mapcontent p {
                color: #565656;
                font-family: Arial;
                font-size: 12px;
                padding-left: 10px;
            }

        .Registration2 .content ul {
            border-bottom: 1px solid #e3e2e2;
        }

    .Registration2 .fieldset1 legend {
        font-size: 20px;
        padding: 5px 10px 0;
        font-weight: bold;
        color: #3f71b0;
    }

    .Registration2 .fieldset {
        padding: 20px;
        margin-bottom: 15px;
        border: 1px solid #ccc;
        /* border-radius: 5px; */
        width: 700px;
        /* margin: 0 215px; */
    }

    .Registration2 h2, h3 {
        color: #3f71b0;
        margin: 0;
        padding: 0;
    }

    .Registration2 .fieldset legend {
        font-size: 15px;
        padding: 5px 10px 0;
        font-weight: bold;
        color: #3f71b0;
    }


.bao-lh span.contact-label {
    display: inline-block;
    width: 270px;
}

.bao-lh span {
    font-size: 13px;
    color: #333;
    float: left;
    margin-bottom: 6px;
    font-weight: bold;
}

.bao-lh li {
    font-size: 14px;
    float: left;
    width: 560px;
    margin: 10px 0 10px 20px;
    /* padding-left: 50px; */
    border-bottom: 1px dotted #dcdcd1;
}

    .bao-lh li:last-child {
        border-bottom: none;
    }

.lh-box .form-lh {
    width: 360px;
    float: left;
    border: 1px solid #ededed;
    padding-top: 15px;
    margin-left: -20px;
}

.lh-box {
    width: 400px;
    float: left;
}

.form-lh li {
    float: left;
    width: 400px;
    margin-bottom: 15px;
}

.form-lh span.contact-label {
    border-color: #ddd;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0 5px;
    resize: none;
    width: 88px;
    text-align: right;
    margin-right: 10px;
}

.form-lh span {
    font-size: 18px;
    color: #6d6d6d;
    float: left;
}

.lh-textbox {
    float: left;
    width: 250px;
    height: 23px;
    font-size: 13px;
    padding: 2px 0 2px 5px;
    border: 1px solid #ededed;
    outline: none;
}

    .lh-textbox:focus {
        border: 1px solid #2CF8E8;
        box-shadow: 0 0 2px #73DFFA;
    }

.sent2 {
    background: #397acb;
    width: 85px;
    height: 32px;
    float: left;
    color: white;
    font-size: 15px;
    font-weight: bold;
    margin: 20px 69px 0px -20px;
    border: none;
    cursor: pointer;
}

.cc-main-box {
    width: 100%;
    float: left;
}

    .cc-main-box span {
        display: inline-block;
        float: left;
        width: 150px;
    }

.lh-box .form-lh {
    width: 400px;
    float: left;
    border: 1px solid #ededed;
    padding-top: 15px;
    margin-left: -20px;
}
/*About*/
.t-content-wrap {
    float: left;
    width: 98%;
    padding: 10px 1%;
}

.main-container-inner-left {
    float: left;
    width: 250px;
    margin: 0 30px 0 0;
}

.menu-content-wrap {
    float: left;
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 250px;
}

.menu-content-inner {
    width: 250px;
}

    .menu-content-inner h5 {
        float: left;
        width: 228px;
        border-bottom: 1px solid #ccc;
        font-size: 19px;
        padding: 7px 10px;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f8f8f8));
        background: -moz-linear-gradient(top, #fff, #f8f8f8);
        background: -ms-linear-gradient(top, #fff, #f8f8f8);
        background: -o-linear-gradient(top, #fff, #f8f8f8);
        color: #333;
        font-weight: bold;
    }

    .menu-content-inner ul {
        float: left;
        margin: 0 0;
        width: 249px;
    }

        .menu-content-inner ul li.active {
            background: #EFEFEF;
            border-left: 3px solid #C97A7A !important;
            margin-left: -1px;
            width: 246px;
        }

            .menu-content-inner ul li.active a {
                color: #3d7489 !important;
                text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
                font-weight: bold;
                text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
            }

        .menu-content-inner ul li:hover {
            background: #EFEFEF;
        }

        .menu-content-inner ul li {
            float: left;
            width: 100%;
            padding: 7px 0;
            border-bottom: 1px solid #ccc;
        }

            .menu-content-inner ul li:last-child {
                border: none;
            }

            .menu-content-inner ul li a {
                display: inline-block;
                margin: 0 0 0 20px;
                color: #666;
                text-decoration: none;
                font-size: 13px;
            }

                .menu-content-inner ul li a:hover {
                    color: #000;
                }

.main-container-inner-right {
    float: left;
    width: 855px;
}

.article-box {
}

h2.a-title {
    color: #333;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
    font-size: 24px;
}

.a-detail {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

.face-wrap {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}
/*art-style*/
.news-box {
    float: left;
    width: 834px;
    /* margin: 10px 0 0 15px; */
}

.t-art-box {
    width: 855px;
    float: left;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}

.new-readmore a {
    float: right;
    color: #08c1c3;
    font-size: 13px;
}

.t-art-img-wrap {
    float: left;
    width: 200px;
    height: 114px;
    padding: 2px;
    border: 1px solid #ccc;
    margin-right: 10px;
}

    .t-art-img-wrap img {
        width: 200px;
        height: 114px;
    }

.t-art-title-wrap {
    float: left;
    width: 635px;
    text-align: justify;
}

h2.t-p-title {
    margin: 2px 0;
    width: 100%;
    float: left;
}

    h2.t-p-title a {
        text-decoration: none;
        color: #333;
        font-size: 17px;
    }

        h2.t-p-title a:hover {
            color: #b71616;
        }

.t-p-des {
    color: #444;
    font-size: 12px;
}

.a-date {
    color: #333;
    font-size: 11px;
    display: block;
    float: left;
    width: 100%;
    margin: 10px 0;
}

.a-desc {
    color: #333;
    font-weight: bold;
    font-size: 13px;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.other-info {
    float: left;
    width: 100%;
    margin-top: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
    line-height: 18px;
    border-top: 3px solid green;
    font-family: Tahoma;
    font-size: 12px;
    margin-left: 14px;
}

    .other-info a.other {
        color: #333;
    }

        .other-info a.other:hover {
            color: #000;
        }

.collectionpager {
    float: right;
    margin-right: 20px;
}

    .collectionpager a {
        padding: 2px 4px;
        margin: 0 2px 0 0;
        background: #fff;
        text-decoration: none;
        font-size: 12px;
        border: 1px solid #ccc;
        color: #000;
    }

.collectPage {
    float: right;
    width: 5%;
    margin-right: 5px;
    font-weight: bold;
}

.collection {
    float: right;
    width: 1160px;
    margin-left: 5px;
    margin-top: 10px;
}
/*End About*/
/*Slideshow - productdetail*/

.t-bestseller-products-wrap {
    float: left;
    width: 1160px;
    margin: 10px 0;
}

#sp_hasview {
    float: left;
    width: 1140px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 10px 10px 0 10px;
}

#content_sp_hasview {
    float: left;
    width: 1160px;
    /* margin-left: 25px; */
}

.h5bestseller {
    float: left;
    width: 98%;
    margin: 0 1%;
}

    .h5bestseller span {
        color: #4585f3;
        font-size: 20px;
    }

.multiple {
}

    .multiple li.sp_hasview_li1 {
        float: left;
        width: 225px;
        height: 280px;
        border: 1px solid #ccc;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

.t-slsh-product-wrap {
    width: 225px;
    height: 280px;
    border: 1px solid #ccc;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
}

.t-slsh-product-inner {
    float: left;
    width: 225px;
    height: 280px;
}

.t-slsh-tooltip {
}

.t-slsh-Productimg {
    float: left;
    margin: 5px;
    width: 215px;
    height: 213px;
}

    .t-slsh-Productimg img {
        width: 215px;
        height: 215px;
        margin: 0;
    }

.t-slsh-info-wrap {
    width: 223px;
    float: left;
    background: #f3f3f4;
    height: 55px;
}

.t-slsh-title {
    float: left;
    width: 100%;
    font-size: 13px;
}

    .t-slsh-title a {
        color: #100F11;
        margin: 2px 5px;
        display: inline-block;
    }

.t-slsh-price {
    float: left;
    width: 215px;
}

    .t-slsh-price span {
        color: #E70C26;
        font-size: 14px;
        margin: 0 0 0 5px;
    }
/*end Slideshow - productdetail*/
#element_to_pop_up {
    display: none;
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 5px #999;
    color: #111;
    display: none;
    width: 300px;
    height: 150px;
    padding: 25px;
}

#divHotdealCart {
    display: none;
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 5px #999;
    color: #111;
    width: 750px;
    height: 380px;
    position: absolute;
    top: 30.5px;
    z-index: 9999;
    padding: 25px;
}

.popup-hotdeal-box {
}

.y-cart-title-hotdeal {
    font-weight: bold;
    color: rgb(23, 172, 34);
    font-size: 16px;
    line-height: 40px;
}

.your-cart-box {
    border-top-left-radius: 3px 3px;
    color: #000;
    font-size: 12px;
    z-index: 9998;
    background-color: white;
    border: solid #ccc 1px;
    padding: 5px;
    float: left;
    margin-bottom: 5px;
}

.y-cart-title {
    float: left;
    width: 100%;
    background: url(/images/your-cart.png) no-repeat right center;
    height: 48px;
    border-bottom: 1px dotted #ccc;
    position: relative;
}

    .y-cart-title span {
        font-size: 17px;
        font-family: Georgia;
        color: #E26925;
        font-weight: bold;
        position: absolute;
        top: 10px;
        left: 10px;
    }

.y-cart-row {
    float: left;
    width: 100%;
    padding-bottom: 5px;
    margin-top: 5px;
    border-bottom: 1px dotted #ccc;
}

.y-c-r-label {
    display: inline-block;
    width: 35%;
    float: left;
    color: #7a7a7a;
}

.y-c-r-content {
    display: inline-block;
    width: 65%;
    float: right;
    color: #f36512;
    text-align: right;
    font-weight: bold;
}

.y-c-detail-box {
    float: left;
    width: 100%;
    padding: 10px 0 0 0;
    margin: 0;
}

.y-c-detail {
    float: right !important;
    background: #fe6521;
    padding: 5px 10px;
    display: block;
    font-family: Georgia;
    font-size: 13px;
    color: #fff !important;
    border: none;
    margin: 0 7px 0 0;
    border-radius: 5px;
}

    .y-c-detail:hover {
        background: #fea70f;
        color: #fff;
    }

.b-close {
    font: bold 131% sans-serif;
    position: absolute;
    right: -7px;
    top: -7px;
    background-color: #2b91af;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 7px 8px;
    text-align: center;
    text-decoration: none;
}

    .b-close:hover {
        background: black;
    }
/*Comment*/

.comment-box1 {
    width: 670px;
    float: left;
    margin-bottom: 5px;
    font-family: Arial;
    font-size: 12px;
}

    .comment-box1 h3 {
        width: 700px;
        font-family: Times New Roman;
        float: left;
        /* background-color: #912809; */
        color: #4584f1;
        padding: 5px 0 3px 10px;
        font-size: 16px;
        text-transform: uppercase;
        border-bottom: 3px solid #4584f1;
        margin: 0 0 10px 0;
    }

.comment-info1 {
    width: 100%;
    margin-left: 0px;
    padding-left: 5px;
    height: auto;
    border-left: 2px solid rgb(219, 188, 160);
    float: left;
    margin-bottom: 10px;
}

.comment-content1 {
    margin-top: 8px;
    width: 97%;
    min-height: 18px;
    float: left;
    line-height: 17px;
    text-align: justify;
    font-size: 12px;
}

.comment-info2 {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
}

.comment-name1 {
    width: 70%;
    color: rgb(105, 103, 103);
    float: left;
}

    .comment-name1 span {
        font-size: 15px;
        color: Black;
        font-weight: bold;
        font-family: Arial;
    }

.table-comment {
    width: 100%;
}

    .table-comment tr {
        margin: 5px 0;
    }

        .table-comment tr td {
            padding: 5px 10px;
        }

.table-cm-l {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    vertical-align: bottom;
}

.table-cm-r {
}

.div-comment {
    float: left;
}

    .div-comment h3 {
        width: 700px;
        float: left;
        /* background-color: #912809; */
        color: #4584f1;
        padding: 5px 0 3px 10px;
        font-size: 16px;
        text-transform: uppercase;
        border-bottom: 3px solid #4584f1;
        margin: 0 0 10px 0;
    }

.comment-box-out {
    border: 1px solid #ddd;
    float: left;
    padding-left: 5px;
    border-left: 3px solid #C97A7A;
    padding: 10px 0;
}

.comment-name {
    width: 450px;
    border: 1px solid #ccc;
    float: left;
    padding: 3px 5px;
    outline: none;
}

    .comment-name:focus {
        border: 1px solid #3AE3F1;
        box-shadow: 0px 0px 2px #3AE3F1;
    }

.comment-email {
    width: 450px;
    border: 1px solid #ccc;
    float: left;
    padding: 3px 5px;
    outline: none;
}

    .comment-email:focus {
        border: 1px solid #3AE3F1;
        box-shadow: 0px 0px 2px #3AE3F1;
    }

.comment-box {
    /* margin: 10px 0 0px 0; */
    float: left;
    width: 900px;
}

.comment-box-register {
    width: 853px;
    float: left;
}

.comment-row {
    width: 682px;
    float: left;
    line-height: 20px;
    margin: 10px 0;
}


.comment-span {
    display: block;
    width: 322px;
    float: left;
}

.comment-code {
    float: left;
    width: 90px;
    margin-left: 16px;
    padding: 12px 5px;
    outline: none;
    border: 1px solid #ccc;
}

    .comment-code:focus {
        border: 1px solid #3AE3F1;
        box-shadow: 0px 0px 2px #3AE3F1;
    }

.comment-img-code {
    width: 21px;
    float: left;
}

.comment-presscode {
    width: 180px;
    margin-left: 9px;
    float: left;
}

.comment-content {
    width: 650px;
    height: 150px;
    border: 1px solid #ccc;
    padding: 3px 5px;
    outline: none;
}

    .comment-content:focus {
        border: 1px solid #3AE3F1;
        box-shadow: 0 0 2px #3AE3F1;
    }

.comment-button {
    border: 0px;
    width: 87px;
    overflow: hidden;
    background: #912809;
    border: 0px;
    cursor: pointer;
    color: #fff;
    font-weight: BOLD;
    padding: 3px 0;
}

.span-secure {
    float: left;
    width: 90px;
    display: block;
}

.span-ht {
    float: left;
    width: 220px;
    display: block;
}
/*style new category*/
/*style1*/
/*style comment*/
.comment-vote1a {
    float: right;
    width: 25%;
}

.social-boxa {
    display: block;
    float: right;
    width: 50px;
}

.social-boxr {
    display: block;
    float: right;
    width: 50px;
}

img {
    border: none;
}

.like-icon {
    background-position: 0 -52px;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 2px;
    margin-top: 3px;
    border: none;
}

.dislike-icon {
    background-position: 0 -52px;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 2px;
    margin-top: 7px;
    border: none;
}

.comment-info1 {
    width: 99% !important;
}

.comment-info-reply {
    width: 94%;
    margin-left: 5%;
    padding-left: 5px;
    height: auto;
    border-left: 2px solid rgb(219, 188, 160);
    float: left;
    margin-bottom: 10px;
}

.comment-reply-box {
    width: 100%;
    float: left;
}

.comment-r {
    float: right;
    margin-right: 15px;
}

.bold-red {
    color: Red;
    font-weight: bold;
    padding: 0 3px;
}

.comment-r-b {
    float: left;
    display: block;
    width: 200px;
}

.comment-reply {
    float: left;
    width: 50px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: Green;
}

    .comment-reply:hover {
        color: RED;
        text-decoration: underline;
    }

.span-ht {
    float: left;
    width: 230px;
    display: block;
}

.span-email {
    float: left;
    width: 440px;
    display: block;
}

.span-secure {
    float: left;
    width: 100px;
    display: block;
    margin-right: 20px;
}

#aViewComment {
    float: right;
    background: none;
    font-size: 13px;
    text-transform: none;
    margin: 5px 5px 0 10px;
    font-weight: bold;
    color: #B23803;
}

#aSendComment {
    float: right;
    background: none;
    font-size: 13px;
    text-transform: none;
    margin: 5px 0 0 0;
    font-weight: bold;
    color: #B23803;
}

.border-comment {
    display: block;
    float: right;
    border-right: 1px solid #333;
    height: 14px;
    background: none !important;
    padding: 0 !important;
    width: 5px;
    margin-top: 7px;
    margin-left: 6px;
}

#divListComment {
    padding: 5px;
    /* height: 360px; */
    width: 1140px;
    border: 1px solid #ddd;
    overflow: auto;
    margin-bottom: 20px;
    background-color: #fff;
}

.settop-wrap {
    float: left;
    border-bottom: 1px solid #E4BAA7;
}

.comment-reply {
    float: left;
    width: 50px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: green;
}

.error {
    width: 730px;
    height: auto;
    margin: 0 auto;
}

    .error .label {
        font-size: 20px;
        color: #979797;
        float: left;
        margin-top: 22px;
        margin-left: -100px;
    }

.spanerror {
    color: Red;
}

.error404 {
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 200px;
    color: #979797;
    float: left;
}

.errorpageload {
    margin: 90px 0 0 50px;
    float: left;
}

.error-back {
    float: right;
    width: 100%;
    font-size: 19px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.divLogin .fieldset p {
}

.divLogin .txtLogin {
    width: 250px;
    height: 24px;
    margin: 0px 0px 5px 10px;
}

.divLogin {
    float: left;
    /* width: 270px; */
    border-radius: 6px;
    z-index: 999;
    margin: 30px 360px;
    width: 440px;
}

    .divLogin .fieldset {
        padding: 20px;
        border: 1px solid #ccc;
        /* border-radius: 5px; */
        width: 400px;
        float: left;
    }

    .divLogin .buttonchange {
        border: none;
        color: red;
        margin: 10px 40px 0 0px;
        float: right;
        cursor: pointer;
        background: none;
    }

    .divLogin .fieldset legend {
        font-size: 15px;
        padding: 5px 10px 0;
        font-weight: bold;
        color: #3f71b0;
    }

    .divLogin .btnLogin {
        margin: 0px 10px 0px 0px;
        height: 28px;
        background: #3f71b0;
        float: right;
        font-size: 12px;
        padding: 0px 10px 0px 10px;
        cursor: pointer;
        border: none;
        color: #fff;
    }

        .divLogin .btnLogin:hover {
            background: #0689DB;
        }

.heading1 {
    border-bottom: 3px solid #0d970c;
    width: 855px;
    height: 31px;
    float: left;
    padding: 0px;
    z-index: 15;
}

.heading2 {
    max-height: 33px;
    float: left;
    background-position-x: 10px;
    height: 27px;
    /* padding: 4px 0 0 40px; */
    float: left;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    color: #000;
    font-family: fontCateTitle;
    text-transform: uppercase;
}

.btnLogin {
    height: 28px;
    background: #3f71b0;
    font-size: 12px;
    padding: 0px 10px 0px 10px;
    cursor: pointer;
    border: none;
    color: #fff;
}

.abtnLogin {
    display: inline-block;
    background: #3f71b0;
    font-size: 12px;
    padding: 5px 10px;
    cursor: pointer;
    border: none;
    color: #fff;
}
/*Business partner*/
.bupa-wrap {
    float: left;
    width: 1140px;
    margin: 15px 10px;
    /* background: #f3f3f4; */
    /* margin-bottom: -10px; */
}

.bupa-inner {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.bupa-title-wrap {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
    /* padding: 5px 0; */
}

.bupa-title-left {
    float: left;
    width: 50%;
}

    .bupa-title-left a {
    }

        .bupa-title-left a h2 {
            font-size: 22px;
            color: #333;
            float: left;
            /* padding: 0 5px; */
            border-bottom: 3px solid #D94D4A;
            margin-bottom: -2px;
            font-weight: bold;
            margin-left: 10px;
            font-family: fontUVNBaiSau;
            text-transform: uppercase;
        }

.bupa-title-right {
    float: right;
    width: 50%;
}

.bupa-more {
    float: right;
    color: #F72525;
    /* border: 1px solid #ccc; */
    /* background: rgba(55, 194, 221, 0.9); */
    font-size: 13px;
    display: inline-block;
    padding: 5px 10px;
    font-weight: bold;
    /* border-radius: 5px; */
}

.bupa-content-wrap {
    float: left;
    width: 1126px;
    padding: 5px 9px;
}

.bupa-content {
    float: left;
    width: 334px;
    height: 232px;
    position: relative;
    margin: 20px;
    box-shadow: 0px 4px 10px #ccc;
}

    .bupa-content:hover .bupa-content-inner-hover {
        display: block;
    }

    .bupa-content:hover .bupa-content-sale {
        display: none;
    }

.bupa-content-inner {
    position: relative;
    width: 320px;
    height: 222px;
    padding: 10px 7px 0 7px;
    background: #fff;
    /* margin: 10px; */
    float: left;
}

.bupa-content-inner-hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 334px;
    height: 194px;
    background: rgba(0,0,0,0.5);
}

.bupa-content-hover-description {
    position: absolute;
    width: 300px;
    top: 55px;
    left: 54px;
    padding: 5px 0;
}

.bupa-content-hover-detail {
    float: left;
    width: 300px;
    padding: 5px 0;
}

.bupa-content-hover-row {
    float: left;
    color: #fff;
    font-size: 14px;
    margin: 3px 0;
    width: 100%;
    font-family: Times new roman;
}

.bupa-content-img {
    float: left;
}

    .bupa-content-img img {
        width: 320px;
        height: 180px;
    }

.bupa-content-sale {
    width: 86px;
    height: 86px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/vinetlife/partner-bg.png) no-repeat;
}

    .bupa-content-sale span {
        position: absolute;
        left: 20px;
        top: 20px;
        -webkit-transform: rotate(-35deg);
        color: #fff;
        font-family: Tahoma;
        transform: rotate(-35deg);
        -ms-transform: rotate(-35deg);
        -moz-transform: rotate(-35deg);
    }

.bupa-content-title {
    float: left;
    width: 100%;
    text-align: center;
    color: #022157;
    font-size: 14pt;
    text-transform: uppercase;
    font-weight: bold;
    border-top: 1px solid #F6C0C2;
}

    .bupa-content-title h3 {
        color: #EC2D2D;
        font-family: fontMenu;
        /* font-style: italic; */
        font-size: 19px;
        font-weight: bold;
        margin: 5px 0 0 0;
    }

.bupa-content-inner-hover-top {
    top: 0;
    left: 0;
    width: 334px;
    height: 30px;
    background: rgba(0,0,0,0.9);
    display: block;
    text-align: center;
}

    .bupa-content-inner-hover-top span {
        color: #fff;
        font-size: 15px;
        margin: 5px 0 0 0;
        display: inline-block;
        font-family: fontMenu;
    }

.bupa-content-inner-hover-bottom {
    bottom: 0;
    left: 0;
    width: 334px;
    height: 30px;
    background: rgba(0,0,0,0.9);
    display: block;
    position: absolute;
}
/*end business partner*/
.text {
    color: #4c4c4c;
    font-size: 14px;
    font-weight: bold;
    width: 160px;
    float: left;
    display: block;
}

.text-padding {
    width: 140px;
    float: left;
    display: block;
    margin-left: 20px;
}

.tstyle3 {
    width: 473px;
    border: none;
    margin: 0 !important;
}

    .tstyle3 th {
        border: none;
        border-bottom: 1px solid #ddd;
        padding: 5px 0;
        font-weight: bold;
    }

    .tstyle3 tr {
        border: none;
    }

        .tstyle3 tr td {
            border: none;
            border-bottom: 1px solid #ccc;
            padding: 10px 0;
            font-weight: normal;
        }

.tstyle1 {
    border: none;
    font-family: Tahoma, Arial;
    font-size: 12px;
    color: #000222;
    width: 100%;
    border: solid #CCC 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #CCC;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #CCC;
    border-spacing: 0;
}

    .tstyle1 th {
        background-color: #dce9f9;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
        background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: linear-gradient(top, #ebf3fc, #dce9f9);
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        border-top: none;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        height: 30px;
    }

    .tstyle1 td, .tstyle1 th {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 5px;
    }

    .tstyle1 tr:hover {
        background: #fbf8e9;
        -o-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    .tstyle1 .pgr {
        background: #f1f1f1;
    }

        .tstyle1 .pgr td {
            border: none;
        }

            .tstyle1 .pgr td table {
                margin: 0 auto;
            }

.tstyle2 {
    border: none;
    font-family: Tahoma, Arial;
    font-size: 12px;
    color: #000222;
    width: 100%;
    border: solid #CCC 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #CCC;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #CCC;
    border-spacing: 0;
    float: left;
}

    .tstyle2 th {
        background-color: #dce9f9;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
        background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: linear-gradient(top, #ebf3fc, #dce9f9);
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        border-top: none;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        height: 30px;
    }

    .tstyle2 td, .tstyle2 th {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 5px;
        position: relative;
        color: #000222;
    }

    .tstyle2 tr:hover {
        background: #fbf8e9;
        -o-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

.tfooter {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    height: 30px;
}

.tstyle2 .pgr {
    background: #f1f1f1;
}

    .tstyle2 .pgr td {
        border: none;
    }

        .tstyle2 .pgr td table {
            margin: 0 auto;
        }

.tstyle2 .fts {
    background: #75F389;
    border: none;
    color: #ffffff;
}

    .tstyle2 .fts td {
        border: none;
        color: #000000;
        font-weight: bold;
        font-size: 15px;
        text-align: right;
    }

.tstyle2 tr.fts:hover {
    background: #75F389;
}

.tablet {
    width: 100%;
    border-collapse: collapse;
}

    .tablet td {
        border: 1px solid #CCC;
        padding: 5px 5px;
    }

.even {
    background-color: #F0F0F0;
}

.tdTitle {
    width: 150px;
}

.tdHinhAnh {
    width: 200px;
    height: 200px;
    margin: 5px;
    margin-left: 20px;
}

/*Button*/
.cupid-green {
    background-color: #7fbf4d;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
    background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: linear-gradient(top, #7fbf4d, #63a62f);
    border: 1px solid #63a62f;
    border-bottom: 1px solid #5b992b;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
    -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
    box-shadow: inset 0 1px 0 0 #96ca6d;
    color: #fff;
    font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: 1;
    padding: 7px 0 8px 0;
    text-align: center;
    text-shadow: 0 -1px 0 #4c9021;
    width: 120px;
}

    .cupid-green:hover {
        background-color: #76b347;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
        background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
        background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
        background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
        background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
        background-image: linear-gradient(top, #76b347, #5e9e2e);
        -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
        -moz-box-shadow: inset 0 1px 0 0 #8dbf67;
        box-shadow: inset 0 1px 0 0 #8dbf67;
        cursor: pointer;
    }

    .cupid-green:active {
        border: 1px solid #5b992b;
        border-bottom: 1px solid #538c27;
        -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
        -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
        box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    }

.shiny-blue {
    background-color: #759ae9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759ae9), color-stop(50%, #376fe0), color-stop(50%, #1a5ad9), color-stop(100%, #2463de));
    background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    border-top: 1px solid #1f58cc;
    border-right: 1px solid #1b4db3;
    border-bottom: 1px solid #174299;
    border-left: 1px solid #1b4db3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
    -moz-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
    box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
    color: #fff;
    font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
    padding: 3px 0;
    text-shadow: 0 -1px 1px #1a5ad9;
    width: 100px;
}

    .shiny-blue:hover {
        background-color: #5d89e8;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d89e8), color-stop(50%, #2261e0), color-stop(50%, #044bd9), color-stop(100%, #0d53de));
        background-image: -webkit-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
        background-image: -moz-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
        background-image: -ms-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
        background-image: -o-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
        background-image: linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
        cursor: pointer;
    }

    .shiny-blue:active {
        border-top: 1px solid #1b4db3;
        border-right: 1px solid #174299;
        border-bottom: 1px solid #133780;
        border-left: 1px solid #174299;
        -webkit-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
        -moz-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
        box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
    }
/*Text-Input*/
.ddl-input {
    width: 224px;
    border: 1px solid #CDCDCD;
    margin: 0;
    padding: 2px;
    height: 22px;
    color: #777;
    outline: none;
}

.DLKhuVuc {
    float: right;
    margin-bottom: 10px;
    margin-left: 40px;
}

    .DLKhuVuc span {
        font-weight: bold;
        color: Green;
    }

.h2-pro {
    border-bottom: 5px solid #E4E6E0;
    width: 100%;
}

.h3-pro {
    font-family: Arial;
    color: Red;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
}

.text-input {
    width: 220px;
}

.button-gg {
    border: 1px solid gainsboro;
    border-color: rgba(0, 0, 0, .1);
    color: #444 !important;
    font-size: 11px;
    background-color: #4D90FE;
    margin-top: 20px;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    font-weight: bold;
    height: 29px;
    line-height: 29px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
    text-decoration: none !important;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .button-gg:active {
        border-color: #C6C6C6;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
        color: #000 !important;
    }


.button-gg-green {
    background-color: #4D90FE;
    border: 1px solid #3079ED;
    color: white !important;
    background-image: linear-gradient(top,#4D90FE,#4787ED);
}

.button-gg-green, .gbqfba, .gbqfbb {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 29px;
    line-height: 29px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
    text-decoration: none !important;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .button-gg-green:focus, .gbqfb-hvr:focus {
        border-color: #2F5BB7;
        background-color: #357AE8;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#357AE8));
        background-image: -webkit-linear-gradient(top,#4D90FE,#357AE8);
        background-image: -moz-linear-gradient(top,#4D90FE,#357AE8);
        background-image: -ms-linear-gradient(top,#4D90FE,#357AE8);
        background-image: -o-linear-gradient(top,#4D90FE,#357AE8);
        background-image: linear-gradient(top,#4D90FE,#357AE8);
    }

.account-info-box {
    width: 600px;
    padding: 5px;
    border: 1px dashed #ccc;
    margin: 20px 132px;
    float: left;
}

.h4style1 {
    float: left;
    /* width:150px; */
    padding: 5px;
    /* border-bottom: 3px solid #C97A7A; */
    overflow: hidden;
    clear: both;
    margin: 0 0 0 10px;
    border-bottom: 1px solid #65F6F7;
}

.account-value {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.account-code {
    color: #ff0000;
}

.account-date {
}

.account-deposite {
}

.margin-20 {
    float: left;
    width: 100%;
    margin: 10px 0;
}
/*Transaction*/
.tranhis-search-wrap {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.tranhis-search-inner-right {
    float: right;
    width: 410px;
    padding: 5px 0;
    border: 1px solid #ccc;
    box-shadow: 0 0 3px #ccc;
}

.tranhis-search-inner-type {
    float: right;
    width: 400px;
    clear: both;
    overflow: hidden;
    margin: 5px 0;
}

    .tranhis-search-inner-type span {
        color: #333;
        font-size: 13px;
        font-weight: bold;
    }

.tranhis-search-inner-date {
    float: right;
    width: 400px;
    overflow: hidden;
    margin: 5px 0;
}

.tranhis-table {
    float: left;
    width: 100%;
}

    .tranhis-table tr {
    }

        .tranhis-table tr td {
        }

.tranhist-tdl {
    font-size: 13px;
    color: #333;
    font-weight: bold;
}

.tranhist-tdr {
}

.tranhis-search-inner-search {
    float: right;
    width: 400px;
    margin: 0 10px 0 0;
}

.dthsearchdate {
    float: left;
    width: 100%;
}

.dth-searchdate {
    padding: 10px 5px;
    border: 1px dashed #ccc;
    width: 375px;
}

.dth-input {
    border: 1px solid #ccc;
    outline: none;
}

    .dth-input:focus {
        border: 1px solid #99EFFF;
        box-shadow: 0 0 2px #99EFFF;
    }

.dth-search-from-date {
    float: left;
    width: 200px;
}

.dth-search-to-date {
}

.tranhis-lable-date {
    color: #333;
    font-weight: bold;
    font-size: 13px;
}

.tranhis-lable-content {
    display: inline-block;
    width: 120px;
    float: left;
}

.dth-search-from-date {
}

.tranhis-lable-contentr {
    float: right;
    margin: 0 10px 0 0;
}

.t-payment-method {
    float: left;
    width: 570px;
    /* border: 1px dashed #ccc; */
}

#cartPaymentVinetlifeAccount {
    float: left;
    width: 100%;
}

.tstyle4 {
    margin: 0 15px 10px 10px !important;
    font-weight: normal !important;
    width: 561px;
    border: 1px solid #ccc;
    float: left;
    padding: 10px;
}

    .tstyle4 th {
    }

    .tstyle4 tr {
        line-height: 25px !important;
    }

        .tstyle4 tr td {
        }

.tstyle4tdl {
    color: #666;
    font-weight: bold;
    width: 60%;
    text-align: right;
}

.tstyle4tdr {
    font-weight: bold;
    padding-left: 5%;
    text-align: left;
}

#pmcAccount {
    color: #ff0000;
}

#pmcDeposite {
}

#pmcCartValue {
}

#pmcDepositeAfter {
    color: #4F8A10;
    font-weight: bold;
}

.divsuccess {
    float: left;
    width: 502px;
    color: #333;
    font-size: 12px;
    background: url(/images/vinetlife/cartok.png) no-repeat left center #EDFCED;
    border: 2px solid #4F8A10;
    margin: 0 10px 10px 10px;
    padding: 15px 5px 15px 50px;
    background-position-x: 5px;
}

    .divsuccess p {
        color: #4F8A10;
        font-weight: bold;
    }

.divfail {
    float: left;
    width: 502px;
    color: #333;
    font-size: 12px;
    background: url(/images/vinetlife/cartnotok.png) no-repeat left center #FDD5CE;
    border: 2px solid #D8000C;
    margin: 0 10px 10px 10px;
    padding: 5px 5px 5px 50px;
    background-position-x: 5px;
}

    .divfail p {
        color: #D8000C;
        font-weight: bold;
    }

    .divfail a.naptien {
        color: #09645D;
        font-weight: bold;
        text-decoration: underline;
    }

.slideup {
    width: 220px;
    height: auto;
    position: fixed;
    bottom: 0px;
    right: 3px;
    z-index: 999999;
}

    .slideup .header-support {
        height: 25px;
        width: 200px;
        background: #0f950e;
        padding: 6px 0 0 20px;
    }

#support-inner {
    float: left;
    background: white;
    width: 100%;
}

.slideup .header-support p {
    margin-bottom: 0.5em;
    color: yellow;
    font-weight: bold;
    float: left;
    font-size: 13px;
}

.slideup .header-support img {
    float: right;
    margin: 2px 10px 0 0;
}

#tslidetoggle {
    cursor: pointer;
    display: inline-block;
    display: inline-block;
    display: inline-block;
}

.slideup .header-support .label {
}

.slideup h2 {
}

.slideup ul {
    margin-bottom: 10px;
}

.slideup .customer {
}

.slideup li {
}

    .slideup li span {
    }

    .slideup li img {
    }

.t-bp-detail-wrap {
    float: left;
    width: 1140px;
    margin: 10px;
}

.t-bp-detail-head {
    float: left;
    width: 98.8%;
    border: 1px solid #ccc;
    padding: 1%;
    border-radius: 5px;
    background: #fff;
    box-shadow: 4px 3px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 4px 3px 5px rgba(0,0,0,0.25);
    -webkit-box-shadow: 4px 3px 5px rgba(0,0,0,0.25);
    padding: 5px;
    /* box-shadow: 0 0 3px #000; */
}

.t-bp-detail-head-l {
    float: left;
    width: 50%;
}

.t-bp-detail-head-r {
    float: left;
    width: 50%;
    font-family: fontHeaderMenu;
}

    .t-bp-detail-head-r h2 {
        color: #DB1A60;
    }

.t-bp-detail-content {
    float: left;
    width: 1140px;
    margin: 10px;
}

    .t-bp-detail-content h5 {
        width: 91px;
        background: #fff;
        color: #DD5353;
        padding: 0 0 0 20px;
        font-size: 18px;
        font-family: times new roman;
        border: 1px solid #ccc;
    }

.t-bp-detail-content-inner {
    float: left;
    width: 100%;
    margin: 10px 0;
    /* padding: 1%; */
}

.t-bp-detail-img {
    width: 100%;
    text-align: center;
}

    .t-bp-detail-img img {
        width: 500px;
        height: 295px;
        padding: 2px;
        border: 1px solid #ccc;
    }

.t-bp-detail-social {
    float: left;
    width: 100%;
    line-height: 20px;
    margin: 10px 0;
}

.t-bp-detail-r-content {
    float: left;
    width: 500px;
    padding: 5px 0 0 10px;
    border: 1px solid #ddd;
    height: 215px;
    box-shadow: 0 0 3px #ccc;
    font-family: Times New Roman;
    font-size: 15px;
}

.t-bp-p-code {
    margin: 10px 0;
}

.t-bp-detail-r-content p {
    color: #333;
    font-size: 15px;
    font-weight: bold;
}

    .t-bp-detail-r-content p span {
        color: #E23131;
    }

.t-bp-comment {
    float: left;
    width: 1140px;
    margin: 10px;
    /* border:1px solid #ddd; */
    padding: 10px 0;
}

    .t-bp-comment p {
        width: 91px;
        background: #fff;
        color: #DD5353;
        padding: 0 0 0 20px;
        font-size: 18px;
        font-family: times new roman;
        border: 1px solid #ccc;
        margin: 0 0 10px 0;
        font-weight: bold;
    }

.t-bp-comment-inner {
    float: left;
    width: 1125px;
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    box-shadow: 4px 3px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 4px 3px 5px rgba(0,0,0,0.25);
    -webkit-box-shadow: 4px 3px 5px rgba(0,0,0,0.25);
    padding: 5px;
    border-radius: 5px;
}

.counter {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}

    .counter span {
        width: auto;
        color: #333;
        font-size: 11px;
        float: left;
        font-weight: bold;
    }

    .counter a {
    }

        .counter a img {
            width: 90px;
            height: 20px;
        }

.loadmore-product {
    float: left;
    width: 100%;
    margin: 10px 0;
    text-align: center;
}

    .loadmore-product a {
    }

.button-gg-green {
    background-color: #4D90FE;
    border: 1px solid #3079ED;
    color: white !important;
    background-image: linear-gradient(top,#4D90FE,#4787ED);
}

.button-gg-green, .gbqfba, .gbqfbb {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 29px;
    line-height: 29px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
    text-decoration: none !important;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .button-gg-green:focus, .gbqfb-hvr:focus {
        border-color: #2F5BB7;
        background-color: #357AE8;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#357AE8));
        background-image: -webkit-linear-gradient(top,#4D90FE,#357AE8);
        background-image: -moz-linear-gradient(top,#4D90FE,#357AE8);
        background-image: -ms-linear-gradient(top,#4D90FE,#357AE8);
        background-image: -o-linear-gradient(top,#4D90FE,#357AE8);
        background-image: linear-gradient(top,#4D90FE,#357AE8);
    }

.t-cartdetail-wrap {
    position: absolute;
    bottom: 15px;
    right: 0px;
    border: 1px solid #ddd;
    padding: 5px 5px 5px 37px;
    background: #fff;
    background: url(/images/shop_cart.png) no-repeat left center #fff;
    background-size: 26px;
    background-position: 5px;
    box-shadow: 0 0 3px #ccc;
}

    .t-cartdetail-wrap a {
        font-size: 12px;
        color: #333;
        font-weight: bold;
        font-family: Arial;
    }

    .t-cartdetail-wrap span#cartNumber {
        color: #333;
    }

    .t-cartdetail-wrap span#cartCount {
        color: #EE0909;
    }
/* Existing styles */
#scroller .section {
    float: left;
    width: 135px;
    height: 51px;
}
/* Container DIV - automatically generated */
.simply-scroll-container {
    position: relative;
    height: 50px;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
    position: relative;
    overflow: hidden;
    z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 50px;
}

    .simply-scroll-list li {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .simply-scroll-list li img {
            border: none;
            display: block;
        }

.doitac-box {
    /* float: left; */
    width: 1160px;
    /* height: 84px; */
    margin: 0 auto;
    /* border-top: 1px solid #e8e8e8; */
    background: #fff;
}

.dt-left {
    float: left;
    width: 150px;
    margin: 30px 0 30px 35px;
    font-size: 22px;
    color: #56C4CE;
    text-shadow: 1px 1px 1px #ccc;
    text-transform: uppercase;
    font-family: fontMenu;
    font-weight: bold;
}

.dt-right {
    float: left;
    width: 920px;
    margin: 20px 20px;
}

    .dt-right img {
        width: 105px;
        height: 45px;
        border: 1px solid #ccc;
        border-radius: 3px;
    }

.parner-slide-wrap {
    width: 100%;
    float: left;
    margin: 0 auto;
    background: #fff;
    min-width: 1024px;
}

.eta-countdown-wrap {
    position: absolute;
    top: 5px;
    left: 120px;
}

.slidex-prev {
    width: 16px;
    height: 16px;
    background: url(/images/vinetlife/slide-left-icon.png) no-repeat center center;
    margin-right: 2px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 7px;
    right: 50px;
    z-index: 100;
}

.slidex-next {
    width: 16px;
    height: 16px;
    background: url(/images/vinetlife/slide-right-icon.png) no-repeat center center;
    margin-left: 1px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 7px;
    right: 30px;
    z-index: 100;
}

    .slidex-prev span, .slidex-next span {
        display: none;
    }

.foo-news {
    float: left;
    width: 1160px;
}

.t-slide-new-product-wrap {
    float: left;
    width: 100%;
    position: relative;
    padding: 5px 0 0 0;
}

#foo-new-product {
}

.t-home-product-wrap-08-05 {
    float: left;
    width: 100%;
}

.t-home-product-left-08-05 {
    float: left;
    width: 900px;
}

.t-home-product-right-08-05 {
    float: left;
    width: 250px;
    margin: 0 0 0 10px;
    /* border: 1px solid #ccc; */
    box-sizing: border-box;
}

.t-home-new-product-wrap {
    float: left;
    margin: 5px 0 5px 5px;
    width: 900px;
}

.bupa-title-right-x {
    text-align: right;
    width: 50%;
    float: left;
}

    .bupa-title-right-x a {
        border: 1px solid #ddd;
        border-radius: 3px;
        color: #333;
        font-family: "OpenSans";
        font-size: 12px;
        font-style: italic;
        /* left: 89%; */
        padding: 3px 10px;
        /* position: absolute; */
        /* top: -14px; */
        background: #fff;
    }

        .bupa-title-right-x a:hover {
            color: #000;
            border: 1px solid #ccc;
        }

.t-home-new-group-product {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.t-home-allproduct-wrap-08-05 {
    float: left;
    width: 1150px;
}

.t-home-new-allproduct-wrap {
    float: left;
    margin: 5px 0 5px 10px;
    width: 1150px;
}

.listnew {
    /* width: 100%; */
    float: left;
    /* margin: 6px 3px 0px 3px; */
    padding: 5px;
}

.contentnew {
    /* width: 252px; */
    float: left;
    list-style-type: circle;
    margin: 0 0 0 20px;
}

    .contentnew li {
        color: #2f2f2f;
        font-family: Arial;
        font-size: 12px;
        text-align: justify;
        list-style-type: circle;
        float: left;
        padding: 5px 0;
    }

        .contentnew li a {
            color: #333;
            /* margin-top: 10px; */
            /* float: left; */
            font-size: 12px;
            font-family: arial;
            /* width: 250px; */
            /* font-weight: bold; */
        }

.listnew img {
    width: 99px;
    height: 59px;
    float: right;
    margin: 13px 5px 0 0;
}

.contentnew li a:hover {
    text-decoration: underline;
}

.t-home-news-wrap {
    border: 1px solid #ccc;
    float: left;
    width: 240px;
    /* padding: 5px; */
}

    .t-home-news-wrap h4 {
        font-weight: normal;
        text-align: left;
        background: #fff;
        color: #000;
        font-size: 17px;
        height: 24px;
        border-bottom: 1px solid #d6d6d6;
        height: 24px;
        padding: 5px 0 5px 20px;
        font-family: fontUVNBaiSau;
        text-transform: uppercase;
    }

.rightleftads {
    float: left;
    width: 240px;
}

    .rightleftads img {
        width: 240px;
    }

#progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000;
    width: 100%;
    height: 100%;
}

#processMessage {
    position: fixed;
    top: 30%;
    left: 50%;
    padding: 10px;
    width: 14%;
    z-index: 1001;
}

#ajax-loader {
    display: block;
    width: 64px;
    height: 64px;
    background: transparent url(/images/vinetlife/load-indicator.gif) no-repeat;
}

.t-payment-table {
    width: 99%;
    text-align: right;
    margin-right: 1% !important;
}

    .t-payment-table tr {
    }

        .t-payment-table tr td {
        }

            .t-payment-table tr td.t-payment-td-l {
                width: 70%;
            }

            .t-payment-table tr td.t-payment-td-r {
                text-align: right;
                width: 30%;
                color: #FF2525;
            }

.t-ul-content-logaacount {
    float: left;
    width: 100%;
}

    .t-ul-content-logaacount ul {
        padding: 0 0 0 20px;
    }

        .t-ul-content-logaacount ul li {
            float: left;
            list-style-type: circle;
            padding: 2px 0;
        }

.t-table-distribute {
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 15px;
}

    .t-table-distribute tr {
    }

        .t-table-distribute tr td {
            width: 50%;
            padding: 5px 0;
            color: #000;
            font-weight: bold;
            font-size: 13px;
        }

            .t-table-distribute tr td span {
                margin: 0 0 0 10px;
                color: #ff0000;
            }

.t-contact-div {
    float: left;
    width: 290px;
}

.t-home-ads-wrap {
    float: left;
    width: 240px;
}

    .t-home-ads-wrap img {
        width: 240px !important;
    }

.btnView {
    background: url("/Images/view.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    width: 16px;
    border: none;
    cursor: pointer;
}

.disable-button {
    text-decoration: line-through !important;
    cursor: no-drop;
}

.t-orderhistory-detail-box {
    float: left;
    width: 100%;
    margin: 10px 0;
    border-top: 1px dashed #ccc;
}

    .t-orderhistory-detail-box p {
        width: 100%;
        color: #333;
        font-size: 15px;
        margin: 10px 0 20px 0;
        font-weight: bold;
    }

        .t-orderhistory-detail-box p span {
            color: #E93838;
        }
